<style>
    body {
        background-color: #f9f9f9;
    }
</style>
<div>
    <div class="row">
        <div class="col-md-6">
            <div class="smart-widget">
                <div class="smart-widget-header">
                    <strong>沟通记录</strong>
                </div>
                <div class="smart-widget-inner" >
                    <div class="smart-widget-body" style="height: {% if editPower is true %} 300px {% else %} 535px {% endif %} ;width: 766px;overflow:auto">
                        <div style="width:100%;height: auto;overflow-y: auto;overflow-x: hidden;">
                            <ul style="width: 90%;margin-left: 8px;">
                                {% if data is not empty %}
                                    {% for item in data %}
                                        <li style="list-style:none;padding-left: 20px;border-left: 1px solid #ddd;position: relative;padding-bottom: 20px;line-height: 24px;">
                                            <div>
                                                {{ item['date'] }}
                                            </div>
                                            <div>
                                            <span style="display: inline-block;color: #fff;padding:4px;padding-top:0;padding-bottom:0;border-radius: 2px;margin-right: 6px;background: #aaa;">
                                                {{ item['type'] }}
                                            </span>
                                                操作人：{{ item['user'] }}
                                            </div>
                                            <div><span>意见理由：</span>
                                                {{ item['msg'] }}
                                            </div>
                                            <span style="width: 14px;height: 14px;background-color: #ddd;border-radius: 50%;position: absolute;display: block; left: -7.5px;top: 0;">
                                        </span>
                                        </li>
                                    {% endfor %}
                                {% endif %}
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="row">
        {% if editPower is true %}
            <div class="col-md-6">
                <div class="smart-widget">
                    <div class="smart-widget-header">
                        <strong>添加沟通记录</strong>
                    </div>
                    <div class="smart-widget-inner">
                        <div class="smart-widget-body">
                            <div>
                                <form id="refuseCommitForm"  method="post">
                                    <textarea style="width: 100%;height: 100px" id="commitMsg" type="text" class="form-control" placeholder="必填" data-must="true"></textarea>
                                </form>
                            </div>
                            <div style="margin-top:5px">
                                <label>
                                    <input style="vertical-align: middle;margin-bottom: 2px" type="checkbox" id="checkEnd">
                                    <span style="vertical-align:middle;font-size: initial">后续不再沟通</span>
                                    <span style="padding-right: 15px;vertical-align:middle;font-size: small">
                                        （勾选后该申请将不可再添加沟通信息，后续若需继续沟通，请勿勾选）
                                    </span>
                                </label>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        {% endif %}
    </div>
</div>